.editor-root {
    -fx-background-color: #f8f9fa;
}

.header-section {
    -fx-background-color: linear-gradient(to bottom, white, #fcfcfc);
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.08), 10, 0, 0, 2);
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #f0f0f0;
}

.info-label {
    -fx-font-size: 13px;
    -fx-text-fill: #666666;
    -fx-padding: 5 10;
    -fx-background-color: #f8f9fa;
    -fx-background-radius: 4;
    -fx-border-color: #e9ecef;
    -fx-border-radius: 4;
}

.editor-textarea {
    -fx-background-color: white;
    -fx-border-color: #e9ecef;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-font-size: 14px;
    -fx-font-family: "Microsoft YaHei";
    -fx-padding: 10;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.05), 8, 0, 0, 1);
    -fx-text-fill: #495057;
}

.editor-textarea .content {
    -fx-background-color: white;
    -fx-background-radius: 8;
}

.editor-textarea:focused {
    -fx-border-color: #4dabf7;
    -fx-effect: dropshadow(gaussian, rgba(77,171,247,0.15), 8, 0, 0, 1);
}

.footer-section {
    -fx-background-color: linear-gradient(to top, white, #fcfcfc);
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.08), 10, 0, 0, -2);
    -fx-border-width: 1 0 0 0;
    -fx-border-color: #f0f0f0;
}

.save-button {
    -fx-background-color: #228be6;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-padding: 8 20;
    -fx-background-radius: 5;
}

.save-button:hover {
    -fx-background-color: #1c7ed6;
    -fx-cursor: hand;
}

.save-button:pressed {
    -fx-background-color: #1971c2;
}